@charset "UTF-8";
*{
  margin: 0;
  padding: 0;
}
html{
  height: 100%;
}
body{
  height: 100%;
}
a{ text-decoration: none;}
#root{
  height: 100%;
}

#root>div{
  height: 100%;
}
.Contract{
  height: 100%;
  display: flex;
  flex-direction: column;
  .contract_top{
    width: 100%;
    height: 40px;
    .iconfont{
      font-size: 20px;
      padding: 15px 0 0 19.5px;
    }
  }
  .contract_main{
    width: 100%;
    height: 195px;
    p{
      font-size: 40px;
      text-align: right;
      color: #ffb001;
      padding: 0 10px;
    }
  }
  .contract_bottom{
    width: 90%;
    height: 415px;
    margin-left: 19.5px;
    box-shadow: 3px 3px 3px #fafafa;
    .cb_top{
      width: 90%;
      height: 40px;
      margin: 0 auto;
      .cbt{
        width: 50%;
        height: 40px;
        float: left;
        line-height: 40px;
        .iconfont{
          font-size: 31px;
          padding: 0 0 0 22px;
          float: left;
        }
        .cbt_message{
          font-size: 20px;
          float: left;
          color: #e8e8e8;
          margin-left: 15px;
        }
      }
    }
    .cb_list{
      width: 90%;
      height: 293px;
      margin: 0 auto;
      .cbl_1{

        width: 100%;
        margin-top: 15px;
        height: 48px;
        background-color: #f6f6f6;
        border-radius: 15px;
        line-height: 48px;
        input{
          outline: none;
          background-color: #f6f6f6;
          border: none;
          font-size: 15px;
          margin-left: 15px;
          line-height: 48px;
        }
      }
      .cbl_2{
        width: 100%;
        margin-top: 20px;
        height: 17px;
        .cbl_2list{
          float: left;
          width: 50%;
          text-align: center;
          height: 100%;
          font-size: 10px;
          color: #e8e8e8;
        }
      }
      .cbl_3{
        width: 100%;
        margin-top: 10px;
        height: 70px;
        display: flex;
        justify-content: space-between;
        .cbl_3list{
           position: relative;
           width: 47%;
           height: 70px;
           float: left;
           background-color: #f6f6f6;
           border-radius: 10px;
           text-align: center;
           line-height: 70px;
           img{
             width: 100%;
             height: 70px;
           }
           p{
             font-size: 30px;
             color: #e8e8e8;
           }
         }
      }
      .cbl_4{
        width: 100%;
        height: 21px;
        margin-top: 20px;
        input{
          margin-left: 55px;
          margin-top: 4px;
          float: left;
        }
        .cbl_4list{
          width: 199px;
          margin-left: 15px;
          font-size:15px;
          float: left;
          line-height: 21px;
        }
      }
    }
    .cb_bottom{
      width: 90%;
      height: 55px;
      margin: 0 auto;
    }
  }
}
